<template>
  <c-pop-box :d="{close:false,gap:false}">
    <view class="c-qa-error bg-color-white border-radius20 padding-top37 padding-bottom93">
      <view class="dis-flex margin-bottom24">
        <image style="width:332upx;height:268upx" src="/static/images/ui_datishibai.png"></image>
      </view>
      <view class="font-size49 text-center margin-bottom44">挑战失败</view>
      <view class="dis-flex margin-bottom86">
        <view class="font-size32" style="color:#878586">很遗憾！答错了</view>
      </view>
      <view class="dis-flex margin-bottom44">
        <view @tap="goHome()" class="dis-flex height84 border-radius" style="width:523upx;background-color:#FF5E00">
          <text class="font-size33 color-white line-height">在答一次</text>
        </view>
      </view>
      <view class="dis-flex">
        <button open-type="share" class="dis-flex height84 border-radius" style="width:523upx;background-color:#1AC97C">
          <text class="font-size33 color-white line-height">求助好友</text>
        </button>
      </view>
    </view>
  </c-pop-box>
</template>
<script>
import { mapGetters, mapActions } from 'vuex';
import CPopBox from '@/components/global/c-pop/c-pop-box';
export default {
  name: 'c-qa-error',
  props: {
    d: {
      type: Object
    }
  },
  components: {
    CPopBox
  },
  data() {
    return {
      list: []
    };
  },
  watch: {},
  computed: {},
  methods: {
    ...mapActions('pop', ['popShow']),
    goHome() {
      this.popShow();
      uni.reLaunch({
        url: '/pages/tabBar/home/index'
      });
    },
    btnShare() {
      console.log('分享');
    }
  },
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.c-qa-error {
  width: 632upx;
  min-height: 868upx;
}
</style>
